<!DOCTYPE HTML>
<html>
<head>
    <title>南京芳草园小学</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
    <!-- Custom CSS -->
    <link href="css/style.css" rel='stylesheet' type='text/css' />
    <!-- Graph CSS -->
    <link href="css/font-awesome.css" rel="stylesheet">
    <!-- jQuery -->
    <link href='css/fontsCss.css' rel='stylesheet' type='text/css'>
    <!-- lined-icons -->
    <link rel="stylesheet" href="css/icon-font.min.css" type='text/css' />

    <!-- /js -->
    <script src="js/jquery-1.10.2.min.js"></script>
    <!-- //js-->
    <link href="css/index/index.css" rel="stylesheet" type="text/css">
    <script src="js/mobilyslider.js" type="text/javascript"></script>

    <script src="maintain/maintain.js"></script>
    <script src="maintain/bannerTime.js"></script>
    <script src="js/index/index.js"></script>
    <script src="js/public.js"></script>
    <link rel="import" href="main.html">
    <script src="js/utlities.js"></script>
</head>
<body id="body">
    <div id="welcomePage">
        <div class="pic" style="opacity:1" align="center" id="">
            <img src="images/5.jpg" style="position: fixed">
        </div>
        <div style="opacity: 0" class="pic" id="pic1">
            <img src="images/6.jpg" style="position: fixed">
        </div>
        <div class="pic" style="width: 100%;margin-top: 20%;opacity:0" align="center" id="pic2">
            <img src="images/hzl_001.png">
        </div>
        <div class="pic" style="width: 100%;margin-top: 34.1%;cursor: pointer" align="center" id="enter">
            <img src="images/index/Group.png">
        </div>
        <div class="pic" style="width: 100%;margin-top: 40%;opacity:0" align="center" id="pic3">
            <img src="images/9909981.png">
        </div>

    </div>
    <div class="page-container" id="indexPage" style="opacity: 0">
        <!--/sidebar-menu-->
        <div class="sidebar-menu" id="sidebar" style="position: absolute">
            <div class="down">
                <img src="images/9901.png" onclick="indexFlash()" style="cursor: pointer">
            </div>
            <!--//down-->
            <div class="menu">
                <ul id="menu">

                </ul>
                <!--<div align="center" style="margin-top: -50px;background: rgb(38, 93, 58);">-->
                    <!--<img src="images/code.png" class="codeImg">-->
                    <!--<div class="codeDiv">扫一扫关注</div>-->
                <!--</div>-->
                <div style="height: 60px"></div>
            </div>
        </div>
        <!--<div class="clearfix"></div>-->
        <!--/content-inner-->

        <div class="search" style="display: none">
            <img src="images/index/ss_009891@1x.png" class="searchImg" id="searchImg">
            <a class="searchButton" style="display: none" id="search">搜索</a>
            <input type="text" class="searchText" placeholder="请输入要搜索的内容" style="display: none" id="searchText">
        </div>

        <div class="left-content" style="min-width: 1700px;position: absolute;margin-top: 120px">
            <div class="inner-content" style="margin: 0 auto">
                <div>
                    <div class="banner" style="margin-left: 8px">
                        <div class="slider" id="slider">
                            <div class="sliderContent" id="sliderContent">
                                <!--<div class="item" style="background-position: initial; background-repeat: initial;">-->
                                    <!--<a href="http://www.baidu.com" hidefocus="true" style="outline: none;">-->
                                        <!--<img src="http://haishanda-resources.oss-cn-hangzhou.aliyuncs.com/website/image/1aaa56e2-8f6f-449d-b08c-533bf84478c7" style="width: 860px;height: 100%" alt="">-->
                                    <!--</a>-->
                                <!--</div>-->
                            </div>
                        </div>
                    </div>
                    <!--效果html结束-->
                    <div class="clear"></div>
                </div>
                <div class="newsContent">
                    <div style="padding-left: 23px;padding-top: 12px;">
                        <img src="images/index/14.png">
                        <span class="newsTitle">校园新闻</span>
                        <span class="newsMore" id="newsMore">更多</span>
                    </div>
                    <div class="newsLine"></div>
                    <div id="newsList">
                        <div class="newsDiv">
                            <div class="newsLi">
                                <a class="newslia" style="cursor: pointer;"></a>
                            </div>
                            <div class="newsTime">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tabCardContent">
                <div class="tabCard" onclick="recommendJump(0)">
                    <img src="images/index/19.png" style="position: absolute">
                    <img src="images/index/11-1.png" class="tabCardImage">
                    <div class="tabCardDiv" align="center">
                        <span class="tabCardText" id="title0"></span>
                        <span class="hidden" id="type0"></span>
                        <span class="hidden" id="menu0"></span>
                    </div>
                </div>
                <div class="tabCard" onclick="recommendJump(1)">
                    <img src="images/index/20.png" style="position: absolute">
                    <img src="images/index/11-2.png" class="tabCardImage" style="margin-left: 135px">
                    <div class="tabCardDiv" align="center">
                        <span class="tabCardText" id="title1"></span>
                        <span class="hidden" id="type1"></span>
                        <span class="hidden" id="menu1"></span>
                    </div>
                </div>
                <div class="tabCard" onclick="recommendJump(2)">
                    <img src="images/index/21.png" style="position: absolute">
                    <img src="images/index/11-3.png" class="tabCardImage" style="margin-left: 99px">
                    <div class="tabCardDiv" align="center">
                        <span class="tabCardText" id="title2"></span>
                        <span class="hidden" id="type2"></span>
                        <span class="hidden" id="menu2"></span>
                    </div>
                </div>
                <div class="tabCard" onclick="recommendJump(3)">
                    <img src="images/index/22.png" style="position: absolute">
                    <img src="images/index/11-4.png" class="tabCardImage" style="margin-left: 97px">
                    <div class="tabCardDiv" align="center">
                        <span class="tabCardText" id="title3"></span>
                        <span class="hidden" id="type3"></span>
                        <span class="hidden" id="menu3"></span>
                    </div>
                </div>
            </div>
            <!--<div class="wLine" style="position: absolute;margin-top: 817px;width: 90%"></div>-->
            <div class="footerImg" style="margin-top: 291px">
                <img src="images/title.png">
            </div>
            <div class="footer" style="margin-left: -151px">
                南京芳草园小学 备案号 ：苏ICP备17056028号
            </div>
        </div>
        <div class="VisitorDiv" style="display: none">
            <span>今日访客：<span id="todayVisitor" style="font-size: 24px"></span></span>
            <br/>
            <span style="position: absolute;margin-top: 10px">总访客：<span id="allVisitor" style="font-size: 20px"></span></span>
        </div>
        <!--//content-inner-->
    </div>
    <!--提示弹窗-->
    <div class="modal fade" id="infomodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
        <div class="modal-dialog" style="width: 260px;">
            <div class="modal-content">
                <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                    <h5 class="modal-title" style="color:#333;">信息</h5>
                </div>
                <div class="modal-body">
                    <div style="font-family: 微软雅黑;" id="info"></div>
                    <div align="right">
                        <a class="button-a opBtn" style="margin-top: 20px;" id="modal_confirm">确定</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
<script>
    var toggle = true;

    $(".sidebar-icon").click(function() {
        if (toggle)
        {
            $(".page-container").addClass("sidebar-collapsed").removeClass("sidebar-collapsed-back");
            $("#menu span").css({"position":"absolute"});
        }
        else
        {
            $(".page-container").removeClass("sidebar-collapsed").addClass("sidebar-collapsed-back");
            setTimeout(function() {
                $("#menu span").css({"position":"relative"});
            }, 400);
        }

        toggle = !toggle;
    });
</script>
<!--js -->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>